<div class="sidebar">
    <div class="side">
        <h2>产品中心</h2>
        <div class="side-item">
            <div class="accordion">
                {% categoryList productCategories with moduleId="2" parentId="0" %}
                {% for item in productCategories %}
                <button class="accordion-item">{{item.Title}}</button>
                <div class="accordion-item-content">
                    <ul class="ind-pro-nav-ul">
                        {% if item.HasChildren %}
                        {% categoryList subCategories with moduleId="1" parentId=item.Id %}
                        {% for inner in subCategories %}
                        <li><a href="{{inner.Link}}" title="">{{inner.Title}}</a></li>
                        {% endfor %}
                        {% endcategoryList %}
                        {% else %}
                        {% archiveList products with type="list" categoryId=item.Id limit="8" %}
                        {% for inner in products %}
                        <li><a href="{{inner.Link}}" title="">{{inner.Title}}</a></li>
                        {% endfor %}
                        {% endarchiveList %}
                        {% endif %}
                    </ul>
                </div>
                {% endfor %}
                {% endcategoryList %}
            </div>
        </div>
    </div>
    <div class="side">
        <h2>推荐产品</h2>
        <div class="side-item">
            <ul class="side-pro-ul">
                {% archiveList products with type="list" moduleId="2" categoryId=0 limit="4" %}
                {% for item in products %}
                <li>
                    <div class="list-item">
                        <div class="list-item-img"><a href="{{item.Link}}">
                                <div class="imgitem"><img src="{{item.Thumb}}" alt="{{item.Title}}"></div>
                            </a></div>
                        <div class="list-item-text">
                            <h3><a href="{{item.Link}}">{{item.Title}}</a></h3>
                        </div>
                    </div>
                </li>
                {% endfor %}
                {% endarchiveList %}
            </ul>
        </div>
    </div>
    <div class="side">
        <h2>热门文章</h2>
        <div class="side-item">
            <ul class="side-blog-ul">
                {% archiveList articles with type="list" moduleId="1" categoryId=0 limit="8" %}
                {% for item in articles %}
                <li><a href="{{item.Link}}">{{item.Title}}</a></li>
                {% endfor %}
                {% endarchiveList %}
            </ul>
        </div>
    </div>
    <div class="side">
        <h2>联系我们</h2>
        <div class="side-item">
            <p>公司：{% system with name="SiteName" %}</p>
            <p>联系人：{% contact with name="UserName" %}</p>
            <p>电话：{% contact with name="Cellphone" %}</p>
            <p>微信：{% contact with name="Wechat" %}</p>
            <p>邮箱：{% contact with name="Email" %}</p>
            <p>地址：{% contact with name="Address" %}</p>
        </div>
    </div>
</div>
</div>